<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表学习</title>
</head>
<body>

<!--有序列表
应用范围：试卷，问答。。。
-->
<ol>
    <li>Java</li>
    <li>Python</li>
    <li>C/C++</li>
    <li>.Net</li>
</ol>

<hr/>

<!--无序列表
应用范围：导航，侧标栏
-->
<ul>
    <li>Java</li>
    <li>Python</li>
    <li>C/C++</li>
    <li>.Net</li>
</ul>

<!--自定义列表
dl ：标签
dt ：列表名称
dd ：列表内容

公司网站底部
-->
<dl>
    <dt>编程语言</dt>

    <dd>Java</dd>
    <dd>Python</dd>
    <dd>C/C++</dd>
    <dd>.Net</dd>

    <dt>城市</dt>

    <dd>北京</dd>
    <dd>上海</dd>
    <dd>广州</dd>
    <dd>深圳</dd>
</dl>

</body>
</html>